<template>
	<view class="box">
		<view class="">
			<image @click="pre('0')" style="width: 683rpx;height: 766rpx;" 
			src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/3.png"
			 mode=""></image>
		</view>
		<view class="">
			<image @click="pre(1)" style="width: 675rpx;height: 854rpx;"
			 src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/4.png"
			 mode=""></image>
		</view>
		<view class="">
			<image @click="pre(2)" style="width: 663rpx;height: 859rpx;"
			 src="http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/5.png"
			 mode=""></image>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				windowHeight: '',
				windowWidth: ''
			};
		},
		onLoad() {
			this.getSystemInfo();
		},
		methods: {
			pre(index) {
				uni.previewImage({
					current: index,
					urls: ['http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/3.png',
						'http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/4.png',
						'http://oss.91xiaokong.com/fireControl/navigation/zhixuce/20201222/5.png'
					]
				});
			},
			getSystemInfo() {
				let that = this;
				uni.getSystemInfo({
					success: function(e) {
						console.log(e);
						that.windowHeight = e.windowHeight;
						that.windowWidth = e.windowWidth;
					}
				});
			}
		}
	};
</script>

<style>
	.box {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.img {
		width: 727rpx;
		height: 1559rpx;
	}

	page {
		width: 100%;
	}
</style>
